<template>
    <!-- company子路由 name 0 -->
    <div>
        <div class="description">
            <!-- 4-20栅格和4-8栅格 -->
            <el-row>
                <el-col :span="4">
                    <div class="grey">单位名称</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">宁波安环健企业管理咨询有限公司</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">上级机构</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">服务中心</div>
                </el-col>

            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">组织类型</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">服务型</div>
                </el-col>

            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">所在区（县、市）</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">北仑区</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">单位负责人</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">俞赛君</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">联系电话</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">-</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">单位地址</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">-</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">单位状态</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">-</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">备案状态</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">-</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">备案日期</div>
                </el-col>
                <el-col :span="8">
                    <div class="black">-</div>
                </el-col>
                <el-col :span="4">
                    <div class="grey">备案人</div>
                </el-col>
                <el-col :span="8">
                    <div class="black">-</div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grey">备注</div>
                </el-col>
                <el-col :span="20">
                    <div class="black">-</div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
        }
    },
    methods: {
    },
    computed: {
    },
    mounted() {
    }
}
</script>
<style>
.black {
    font-size: 14px;
    font-weight: 700;
    color: rgb(0, 0, 0) !important;
}

.grey {
    font-size: 14px;
    font-weight: 700;
    color: #888 !important;
}

.description .el-row {
    padding: 10px 0 20px 0;
}

.description {
    margin-left: 20px;
}
</style>